@import './common/var.scss';
@mixin treePanel($wrapFormWidth, $submitBtnWidth) {
  .treePanel {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 0 0 20px;
    .el-form-header{
      padding: 17px 20px;
      border-bottom: $--border-width-base $--border-style-base $--tree-panel-form-header-border-color;
    }
    .c-form-common{
      overflow-y: auto;
      .wrap-form{
        width: $wrapFormWidth;
        padding-left: 45px;
        padding-top: 30px;
      }
      .submit-btn{
        width: $submitBtnWidth;
        text-align: right;
        margin-top: 20px;
      }
      .el-input__inner{
        width: 100%;
      }
      .el-select{
        width: 100%;
      }
      .c-button-list {
        justify-content: flex-end;
      }
    }
  }
}
@media (max-width: 1280px){
  @include treePanel(500px, 545px)
}

@media (min-width: 1280px){
  @include treePanel(700px, 745px)
}






